<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta charset="utf-8">
    <link rel="shortcut icon" href="./icon.ico">
    <title>一课表</title>
</head>

<body style="background-color: #89daff;padding: 0;overflow: hidden;display: flex;
    flex-direction: column;background-image: url(./bg1.jpg);background-repeat: round;">
    <div style="height: 80px;background-color: #5763689c;display: flex;flex-direction: row;align-items: center;
        padding:0 20px;flex-shrink: 0;backdrop-filter: blur(10px);">
        <img style="height: 70px;width: 70px;border: none;outline: none;flex-shrink: 0;" src="./iconEm.png" />
        <div style="width: 1px;height: 40px;background-color: white;margin-right: 10px;
        opacity: 0.5;flex-shrink: 0;"></div>
        <h1>一课表</h1>
        <h2>版本号:</h2>
        <h2 id="version" style="font-weight: bold;margin-left: 0;">1004080</h2>
        <h2 id="serviceVersion" style="font-weight: bold;margin-left: 0;display:none">1005000</h2>
        <div style="display: none;" id="notice" version="100021">一课表暂停接收新的适配申请，由于后续学业繁重并且目前积留了较多问卷，后续没有太多时间适配。已经提交了的问卷会继续完成适配的。</div>
        <div style="display: none;" id="serviceNotice" version="100019">一课表暂停接收新的适配申请，由于后续学业繁重并且目前积留了较多问卷，后续没有太多时间适配。已经提交了的问卷会继续完成适配的。</div>
        <div style="flex-grow: 1;"></div>
        <div style="color: white; padding-right: 10px;max-lines: 1;text-overflow: ellipsis;
        font-size: 14px;">反馈邮箱：oneCourse@outlook.com</div>
        <button onclick="toSQSP()">申请适配</button>
        <button onclick="window.location.href='./courseTest.html'">测试课表</button>
        <button onclick="window.location.href='https://ffffffds.gitee.io/chart-coder/'">其他(chartCoder)</button>
    </div>
    <div style="flex-grow: 1;overflow: hidden;">
        <div style="position: fixed;right: 10px;height: 100%;display: flex;
        flex-direction: column;justify-content: center;" id="dotContainer">
            <div class="dot now" id="dotP" style="display: none;"></div>
        </div>
        <div style="width: 100%;display: flex;flex-direction: column;height: fit-content;
        overflow-y: hidden;position: relative;top: 0;" id="contentBg">
            <div style="height: 100%;background-color: #80808010;
            width: 100%;" class="page">
                <img src="./img1.png" style="position: relative;left: 50%;
                top: 300px;transform: translateX(-50%);object-fit: contain;
                height: 900px;" />
                <div style="width:100%;display: flex;flex-direction: column;
                align-items: center;position: absolute;top: 50px;">
                    <text style="font-size: 100px;color: white;letter-spacing: 20px;
                    text-shadow: 0 0 15px #00000050;border-bottom: 2px solid white;
                    padding: 10px 80px;">一课表</text>
                    <text style="font-size: 20px;color: white;letter-spacing: 5px;
                    padding-top: 5px;text-shadow: 0 0 10px #00000080;">
                        清爽简洁的大学生课表软件</text>
                </div>
            </div>
            <div style="height: 100%;background-color: #80808010;
                        width: 100%;display: flex;flex-direction: row;" class="page">
                <img src="./img2.png" style="object-fit: contain;margin: 100px 200px 0 200px;
                                height: 900px;flex-shrink: 0;" />
                <div style="display: flex;flex-direction: column;flex-grow: 1;
                margin-top: 100px;padding-top: 100px;">
                    <div class="main">卡片式管理</div>
                    <div class="detail">只给你最想得到的信息</div>
                </div>
            </div>
            <div style="height: 100%;background-color: #80808010;
                                    width: 100%;display: flex;flex-direction: row;" class="page">
                <div style="display: flex;flex-direction: column;flex-grow: 1;
                            margin-top: 100px;padding-top: 100px;">
                    <div class="main r">快捷添加课程</div>
                    <div class="detail r">即使没有适配学校也能轻松使用</div>
                </div>
                <img src="./img3.png" style="object-fit: contain;margin: 100px 200px 0 200px;
                                                            height: 900px;flex-shrink: 0;" />
            </div>
            <div style="height: 100%;background-color: #80808010;
                                    width: 100%;display: flex;flex-direction: row;" class="page">
                <img src="./img4.png" style="object-fit: contain;margin: 100px 200px 0 200px;
                                            height: 900px;flex-shrink: 0;" />
                <div style="display: flex;flex-direction: column;flex-grow: 1;
                            margin-top: 100px;padding-top: 100px;">
                    <div class="main" style="font-size: 70px;">日程与课程同时兼具</div>
                    <div class="detail">还在担心记不住的DDL吗</div>
                </div>
            </div>
            <div style="height: 100%;background-color: #80808010;
                                                width: 100%;display: flex;flex-direction: row;" class="page">
                <div style="display: flex;flex-direction: column;flex-grow: 1;
                                        margin-top: 100px;padding-top: 100px;">
                    <div class="main r">内嵌的教务登录</div>
                    <div class="detail r">让你拥有一个更加美观的教务系统</div>
                </div>
                <img src="./img5.png" style="object-fit: contain;margin: 100px 200px 0 200px;
                                                                        height: 900px;flex-shrink: 0;" />
            </div>
            <div style="height: 100%;background-color: #80808010;
                                                width: 100%;display: flex;flex-direction: row;" class="page">
                <img src="./img6.png" style="object-fit: contain;margin: 100px 200px 0 200px;
                                                        height: 900px;flex-shrink: 0;" />
                <div style="display: flex;flex-direction: column;flex-grow: 1;
                                        margin-top: 100px;padding-top: 100px;">
                    <div class="main">独特的教务页面</div>
                    <div class="detail">尽收你的学习情况</div>
                </div>
            </div>
            <div style="height: 100%;background-color: #80808010;
                                                            width: 100%;display: flex;flex-direction: row;"
                class="page">
                <img src="./img7.png" style="object-fit: contain;margin: 100px 100px 0 100px;
                                                                    height: 900px;flex-shrink: 0;" />
                <div style="display: flex;flex-direction: column;flex-grow: 1;
                                                    margin-top: 100px;padding-top: 100px;">
                    <div class="main m" style="font-size: 70px;">丰富的鸿蒙卡片加持</div>
                    <div class="detail m">8大种类，15张卡片让你玩个够</div>
                </div>
                <img src="./img8.png" style="object-fit: contain;margin: 100px 100px 0 100px;
                            height: 900px;flex-shrink: 0;" />
            </div>
            <div style="height: 100%;background-color: #80808010;
                        width: 100%;display: flex;flex-direction: row;" class="page">
                <div style="display: flex;flex-direction: column;flex-grow: 1;
                        margin-top: 100px;padding-top: 100px;">
                    <div class="main r">支持深色模式</div>
                    <div class="detail r">夜晚看课也不会被闪瞎眼睛</div>
                </div>
                <img src="./img9.png" style="object-fit: contain;margin: 100px 200px 0 200px;
                        height: 900px;flex-shrink: 0;" />
            </div>
            <div style="height: 100%;background-color: #80808010;
                        width: 100%;display: flex;flex-direction: column;align-items: center;" class="page">
                <img src="./img10.png" style="object-fit: contain;margin-top: 50px;
                            height: 600px;flex-shrink: 0;" />
                <div style="display: flex;flex-direction: column;flex-grow: 1;">
                    <div class="main m" style="font-size: 70px;">多设备支持&nbsp&nbsp一键传递</div>
                    <div class="detail m">将来也会支持手表噢</div>
                </div>

            </div>
            <div style="height: 100%;background-color: #80808010;
                    width: 100%;display: flex;flex-direction: column;align-items: center;" class="page">
                <div style="display: flex;flex-direction: column;flex-grow: 1;overflow-y: scroll;
                    width: 100%;padding: 10px 200px;box-sizing: border-box;">
                    <div class="main m" style="font-size: 70px;">历史版本更新</div>
                    <div class="detail" style="font-size: 16px;letter-spacing: 2px;">
                         <span id="version_1004070">
                            1.4.0.8更新: <br>
                            1.新增很多学校<br>
                            2.优化课表周视图菜单功能<br>
                            3.修复周视图卡片的一些问题<br>
                        </span>
                        <span id="version_1004070">
                            1.4.0.7更新: <br>
                            1.新增很多学校<br>
                            2.优化课表周视图界面，优化节次时间设置<br>
                            3.修复周视图卡片的一些<br>
                        </span>
                        <span id="version_1004042">
                            1.4.0.4更新：<br>
                            1.新增安徽财贸职业学院、湖北城市建设职业技术学院、大连理工大学、湖南科技大学、临沂大学教务适配，新增AIC通用教务<br>
                            2.新增内蒙古医科大学、中南林业科技大学、华东理工大学、南昌航空大学、东北大学（浑南校区）、湖南第一师范学院、上海建桥学院、宜宾学院、天津财经大学、徐州医科大学、黄山学院教务适配<br>
                            3.修复哈尔滨工业大学（威海）部分学生登录失败<br>
                            4.设置中心新增通知成绩变化、关闭卡片恒星图标<br>
                            5.优化添加卡片界面，增加指示点<br>
                            6.新增中南大学（统一认证）、江西师范大学科学技术学院、福建信息职业技术学院、福建医科大学教务适配<br>
                            7.修复南昌航空大学登录失败<br>
                        </span>
                        <span id="version_1004030">
                            1.4.0.3更新：<br>
                            1.新增井冈山大学、江苏科技大学、惠州卫生职业技术学院、福建中医药大学、黑龙江大学、新乡医学院三全学院、北京化工大学、北海职业学院、兰州大学、集美大学、郑州经贸学院、陕西铁路工程职业技术学院、银川科技学院、华北理工大学、河南应用技术职业学院、贵州大学、大连海事大学、怀化学院、陕西中医药大学、浙江工商大学、齐鲁理工学院教务适配<br>
                            2.课表传递新增向轻量级传递(GT系列手表)，但需要下载安装一课表GT助手（目前未上架），轻量级应用目前也未上架
                            1.4.0.2更新: <br>
                            1.新增南京邮电大学、重庆商务职业学院教务适配<br>
                            2.修复智能手表端选择卡片闪退<br>
                            3.青果教务新增导入识别结果，支持对识别结果进行调整<br>
                        </span>
                        <span id="version_1004013">
                            1.4.0.1更新: <br>
                            1.新增中原工学院、仲恺农业工程学院、阜阳职业技术学院、海南海洋热带学院、河北金融学院、山东财经大学、三明学院、北京交通大学、苏州城市学院、皖南医学院、嘉兴南阳职业技术学院、大连科技学院、河北师范大学、池州学院、徐州工程学院、聊城大学、青岛大学、西安石油大学、青岛农业大学、福建师范大学、山东农业工程学院、哈尔滨工业大学（本部）、天津职业大学、唐山学院、广西大学、广州南方学院、江苏大学、吉林建筑大学、武汉理工大、广州软件学院、西安理工大学、华侨大学（校内）、石家庄信息工程职业学院、广东省外语艺术职业学院教务适配，新增移动通用教务适配。<br>
                            2.支持修改预览视图教室地点字体大小<br>
                            3.优化教务界面成绩、考试显示<br>
                            4.优化首页卡片显示<br>
                            5.修复安徽工业大小教务登录失败<br>
                        </span>
                        <span id="version_1003085">
                            1.3.0.8更新：<br>
                            ！！特大更新：一课表正式支持鸿蒙智能手表，功能支持新建课程表、日程表、教务登录导入（支持目前手机所有支持的学校），支持手机与手表同步数据，目前配有4张卡片（暂不含教务卡片）有watch3等设备的同学快来试试吧！！<br>
                            1.新增通化师范学院、曲阜师范学院、湖北工业大学工程技术学院、四川西南航空职业学院、抚州医学院、长沙理工大学、华东交通大学、内蒙古工业大学、河南科技职业大学、湖南涉外经济学院、长江师范学院、广东江门中医药职业学院、贺州学院、吉利学院、西北政法大学、上海师范大学、中南大学、首都师范大学、湖北工程学院、四川轻化工大学、广州理工学院、辽宁大学、江西中医药大学、武汉生物工程学院、湖北工业大学、萍乡学院、天津职业技术师范大学教务适配<br>
                            2.周视图起始终止时间粒度细化到10分钟<br>
                            3.周视图支持修改字体大<br>
                            4.修复周视图时间轴版卡片显示失<br>
                            5.修复周视图教师字号异常<br>
                            6.修复ics导入有时候出<br>
                            7.修复某些大学成绩不显<br>
                            8.优化登录界面提示，登录完成后指引进入教<br>
                            9.修复周视图周总览节次模式显示错<br>
                        </span>
                        <span id="version_1003083" style="display:none">
                            1.3.0.8更新：<br>
                            ！！特大更新：一课表正式支持鸿蒙智能手表，功能支持新建课程表、日程表、教务登录导入（支持目前手机所有支持的学校），支持手机与手表同步数据，目前配有4张卡片（暂不含教务卡片）有watch3等设备的同学快来试试吧！！<br>
                            1.新增通化师范学院、曲阜师范学院、湖北工业大学工程技术学院、四川西南航空职业学院、抚州医学院、长沙理工大学、华东交通大学、内蒙古工业大学、河南科技职业大学、湖南涉外经济学院、长江师范学院、广东江门中医药职业学院、贺州学院、吉利学院、西北政法大学、上海师范大学、中南大学、首都师范大学、湖北工程学院、四川轻化工大学、广州理工学院、辽宁大学、江西中医药大学、武汉生物工程学院、湖北工业大学、萍乡学院、天津职业技术师范大学教务适配<br>
                            2.周视图起始终止时间粒度细化到10分钟<br>
                            3.周视图支持修改字体大<br>
                            4.修复周视图时间轴版卡片显示失<br>
                            5.修复周视图教师字号异常<br>
                            6.修复ics导入有时候出<br>
                            7.修复某些大学成绩不显<br>
                            8.优化登录界面提示，登录完成后指引进入教<br>
                            9.修复周视图周总览节次模式显示错<br>
                        </span>
                        <span id="version_1003073">
                            1.3.0.7更新：<br>
                            1.新增河南农业大学、湖南文理学院、重庆交通大学、云南大学、齐齐哈尔医学院、安徽财经大学、苏州大学、江西科技学院、鹤壁职业技术学院、新建农业大学、中国民航大学、东北电力大学、四川大学、重庆医科大学、浙江工业大学之江学院、深圳技术大学、上海立信会计金融学院、辽宁工程技术大学、滨州医学院（烟台校区）、徐州工业职业技术学院、陕西理工大学、湖南工业大学、中北大学、河北工程大学、西南科技大学、东南大学、贵州中医药大学、四川水利职业技术学院、安徽科技学院教务适配；<br>
                            2.周视图的地点教师固定；<br>
                            3.设置中心增加时间表，切换夏冬季更方便噢；<br>
                            4.全新的时间轴卡片带着他的2*4尺寸回来啦，支持调节起始与终止时间，调节时间显示更加灵活；<br>
                            5.优化卡片刷新的时机；<br>
                            6.新增强智教务的考试时间查看；<br>
                            7.新增四川农业大学（金窗教务）考试信息查看；<br>
                            8.周视图卡片也支持提前显示第二课程啦；<br>
                            9.优化卡片1的显示效果<br>
                        </span>
                        <span id="version_1003063">
                            1.3.0.6更新：
                            1. 修复黑/白屏问<br>
                            2. 修复哈工深查询空教室错<br>
                            3. 新增武汉科技大学、南华大学、山东理工大学、哈尔滨工程大学、四川农业大学、齐鲁工业大学、闽南师范大学、广东交通职业技术学院、淮阴师范学院、华东师范大学、北京理工珠海学院、南华大学、齐鲁工业大学、辽宁石油化工大学、电子科技大学中山学院、西北大学、安徽建筑大学（南校区）、哈尔滨医科大学、南昌工程学院、南京晓庄学院、安徽工业大学、南京航空航天大学金城学院教务适配<br>
                            4. 修复了节次课表对不上时间，加载异常的问<br>
                            5. 新增周视图起始结束时间失败的问<br>
                            6. 修复河南科技大学登录失败、修复上海工程技术大学登录失<br>
                            7. 新增今日课程卡片支持以节次显<br>
                            8. 新增卡片提前显示下一节<br>
                            9. 修复了一些已知的bug<br>
                            10. 课程工具新增时间平移<br>
                        </span>
                        <span id="version_1003053">
                            1.3.0.5更新：
                            1. 在课程内容编辑页面支持复制长按复制课程，支持长按查看同期课程信<br>
                            2. 桌面卡片支持设置背景图片，支持背景模糊、背景透明调<br>
                            3. 课程编辑页面支持查看课程视图（以课程名称为组的视图，点击周试图进行切换<br>
                            4. 导出ics支持带铃声提<br>
                            5. 课程内容编辑新增教师、地点选择，新增常用周次（在设置中心添加<br>
                            6. 修复成都锦城学院的导<br>
                            7. 支持覆盖课程表、日程<br>
                            8. 优化首页显<br>
                            9. 新增课前提醒（需要每天手动点击通知栏刷新，请勿过度依赖<br>
                            10. 新增将课表绑定到教<br>
                            11. 适配了长江大学、上海工程技术大学、华北电力大学（保定）、忻州师范学院、对外经济贸易大学、广州中医药大学、武汉轻工大学、山东师范大学、邯郸学院、西南建筑工业大学、河北农业大学、合肥师范学院、树维通用3、乘方通用、河南科技大学、重庆大学、重庆工业职业技术学院、广州城市理工学院、天津工业大学、四川文化艺术学院、西南大学、武汉职业技术学院、西南交通大学、南方医科大学、安徽理工大学教务<br>
                            12. 新增新正方通用（有验证码）教务、旧正方、URP通用教<br>
                            13. 调节界面字体，让他不要换<br>
                            14. 优化选择课程表、日程表的选择<br>
                            15. 可能还有一些未知的更新，我也不记得<br>
                            16. 修复Kingosoft教务单双周导入问题，优化导入程<br>
                            17. 优化卡片布<br>
                            18. 课程预览界面支持节次显示、优化预览界<br>
                            19. 新增统计，统计课表的一些信<br>
                            20. 周视图卡片支持切换周<br>
                            21. 卡片支持节次显示，可以选择显示块<br>
                            22. 新增课表小工具，支持周数全部平移、支持星期平<br>
                            23. 优化卡片效果，新增小星球提示信息<br>
                        </span>
                        <span id="version_1000266">
                            1.2.6.6更新：
                            1.新增南京大学金陵学院、河北科技大学、Kingosoft通用、西南林业大学、昆明医科大学、北京邮电大学、南京航空航天大学、成都锦城学院、四川电影电视学院、重庆人文科技学院教务适配<br>
                            2.修复哈深课表导入失败，增加查询考试功能，修复查询空教室节次错误<br>
                            3.优化首页卡片加载<br>
                            4.新增编辑界面长按拖动界面选择节次<br>
                            5.优化周次添加<br>
                            6.新增文字模板生成课表、导出为文字模板<br>
                            7.修复考试保存到日程错误<br>
                            8.新增设置周日为一周起始的一天<br>
                            9.修复添加颜色不弹出窗口<br>
                            10.修复深圳大学研究生课表导入失败<br>
                            11.修复excel导入无法修改持续时间<br>
                            12.修复ics导入时间错误<br>
                            13.周视图新增单位时间高度调节<br>
                            14.新增时间粒度选择，支持5分钟和1分钟<br>
                            15.桌面及首页卡片支持随系统深色模式变换，可在设置中心关闭才可显示编辑后的颜色<br>
                            16.全新的教程页<br>
                            17.修复明暗转换错误<br>
                            18.日程转换课程无反应<br>
                            19.优化卡片默认颜色与系统统一<br>
                        </span>
                        <span id="version_1000264"></span>
                        <span id="version_1000263">
                            1.修复周视图点击课程不弹出详情<br>
                            2.优化周视图教师地点显示<br>
                            3.优化周视图打开会自动移动到时间线位置<br>
                            4.优化传递设备UI图标<br>
                            5.适配强智通用教务 (beta)，有需验证码和无验证码，请大家观察本校登录是否需要验证码选择<br>
                            6.新增首页点击卡片上方表名称快速跳转编辑界面<br>
                            7.优化日历视图，左右滑动快速切换月份<br>
                            8.修复切换到当前月份不显示今天的事件<br>
                            9.修复ics导入课程失败<br>
                            10.去除所有卡片的外圈描边属性<br>
                            11.新增周视图高亮课程分段时间，在设置中心开启噢<br>
                            12.新增北师港浸大智能教务导入适配<br>
                            13.新增甘肃农业大学、广东金融学院、河南工程学院、山东农业大学教务适配<br>
                            14.优化显示即将课程的卡片<br>
                            15.优化课程编辑界面，可以点击时间栏选择周次添加课程，高亮节次时间段，节次可以在设置中心修改导入上课时间修改噢<br>
                            16.优化周次添加，现在添加或者保存的时候会自动输入周次栏，不需要再手动回车啦<br>
                        </span>
                        <br>
                        1.2.6更新：<br>
                        <span id="version_1000260">
                            1.新增安徽医科大学、长安大学教务、江苏警官学院、中国矿业大学、（四川旅游学院并未完成）教务适配，新增正方教务通用适配<br>
                            2.新增对同济大学的智能教务导入适配<br>
                            3.1新增日程卡片，快去看看喜不喜欢吧<br>
                            3.2桌面卡片新增透明度设置啦，设置背景颜色中的透明度就可以使卡片透明噢，目前在支持背景的设备会进行背景模糊，不会直接的透明噢。暂时无法支持动态壁纸的模糊<br>
                            4.课程周视图新增滚动教师及教室<br>
                            5.新增将教务考试信息添加到日程表中<br>
                            6.修复桌面卡片无法更新教务信息<br>
                            7.UI界面全面改善，调节字体大小，重新制作日程预览界面，优化整体结构布局<br>
                            8.课程周视图新增周总览，可大致观察每星期的大致课程数目<br>
                            9.优化：在深色模式下创建卡片自动以深色优先<br>
                            10.今日课程卡片重做<br>
                            11.返回按钮全部居左，功能按钮居右<br>
                            12.新增课程周视图关闭周末<br>
                            14.新增公告、检查更新功能<br>
                            15.新增直接导入ics到课表<br>
                            16.优化ics导入<br>
                        </span>
                        <br>
                        1.2.3更新：<br>
                        <span id="version_1000230">
                            1.新增课程周视图卡片<br>
                            2.新增课程预览界面添加删除课程<br>
                            3.修复课程编辑的一些bug<br>
                            4.新增关闭开屏页<br>
                            5.新增上滑卡片默认显示的课程、日程<br>
                            6.新增课程、日程预览界面返回按钮显示课程表、日程表名称<br>
                            7.修复课程预览界面滚动错误<br>
                            8.修复明暗转换的转换方式<br>
                            9.修复选择色调时偶尔颜色与名字不对应<br>
                            10.修复修改课程、日程名称后卡片对应课程、日程显示不存在<br>
                        </span>
                        <br>
                        1.2.0更新：<br>
                        <span id="version_1000200">
                            1.新增智能教务课表导入，新建课程表-三个点-智能导入<br>
                            2.新增深圳大学教务适配<br>
                            3.新增问题反馈与适配申请界面<br>
                            4.新增卡片字体粗细调节，课表单双周输入<br>
                            5.修改页面字体细节<br>
                            6.新增对手表的支持<br>
                            7.新增excel表格导入<br>
                            8.新增分布式传递，可以将课程表传递给手机、平板或手表<br>
                            9.修复一些bug，优化页面
                        </span>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>

<style>
    html,
    body {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .r {
        text-align: right;
    }

    .m {
        text-align: center;
    }

    h1 {
        font-size: 16px;
        letter-spacing: 4px;
        color: white;
        font-weight: 300;
        flex-shrink: 0;
    }

    h2 {
        font-size: 14px;
        letter-spacing: 2px;
        color: white;
        font-weight: 400;
        flex-shrink: 0;
        margin: 0 5px;
    }

    button {
        border-radius: 40px;
        outline: none;
        border: none;
        margin: 0 5px;
        padding: 5px 20px;
        background-color: #0066ff;
        color: white;
        letter-spacing: 2px;
        font-size: 13px;
        transition-duration: 300ms;
        transition-timing-function: ease-in-out;
    }

    button:hover {
        transform: scale(1.05);
    }

    button:active {
        transform: scale(0.95);
    }

    .page {
        flex-shrink: 0;
    }

    #contentBg {
        transition-duration: 600ms;
        transition-timing-function: ease-in-out;
    }

    .main {
        font-size: 80px;
        letter-spacing: 20px;
        color: white;
        text-shadow: 0 0 10px #00000080;
    }

    .detail {
        font-size: 40px;
        letter-spacing: 10px;
        color: white;
        text-shadow: 0 0 10px #00000080;
    }

    .dot {
        width: 8px;
        height: 8px;
        background-color: rgb(4, 91, 141);
        border-radius: 10px;
        margin: 5px 0;
    }

    .now {
        box-shadow: 0 0 1px 3px goldenrod;
    }
</style>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script>
    try {
        if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
            window.location.href = "coursePhone.html";
        }
    } catch (e) { }
    var height = document.body.clientHeight + 400;
    var bg = document.getElementById('contentBg');
    var nowTop = 0;
    var pageNum = bg.childElementCount;
    let eles = document.getElementsByClassName('page')
    let dotP = document.getElementById('dotP')
    let dotC = document.getElementById('dotContainer')
    console.log(window.screen.height)
    for (let i = 0; i < eles.length; i++) {
        let child = eles.item(i)
        child.style.height = height + 'px';
        let childs = child.children
        for (let j = 0; j < childs.length; j++) {
            $(childs.item(j)).fadeOut(10)
        }
        let dot = dotP.cloneNode(false)
        dot.setAttribute('id', 'dot_' + String(i))
        dot.style.display = 'block'
        if (i == 0) dot.setAttribute('class', 'dot now')
        else dot.setAttribute('class', 'dot')
        dotC.appendChild(dot)
    }
    setTimeout(() => {
        let childs = bg.children.item(0).children
        for (let i = 0; i < childs.length; i++) {
            $(childs.item(i)).fadeIn(300)
        }
    }, 300)


    window.onmousewheel = scroll
    function scroll(e) {
        let oriTop = nowTop
        if (e.deltaY > 50 && nowTop + 1 < pageNum) {
            nowTop += 1;
        } else if (e.deltaY < -50 && nowTop - 1 >= 0) {
            nowTop -= 1;
        } else return
        let childs = bg.children.item(oriTop).children
        for (let i = 0; i < childs.length; i++) {
            $(childs.item(i)).fadeOut(600)
        }
        bg.style.top = -nowTop * height + 'px'
        document.getElementById('dot_' + nowTop).setAttribute('class', 'dot now')
        document.getElementById('dot_' + oriTop).setAttribute('class', 'dot')

        setTimeout(() => {
            let childs = bg.children.item(nowTop).children
            for (let i = 0; i < childs.length; i++) {
                $(childs.item(i)).fadeIn(600)
            }
        }, 500)

        console.log(nowTop)
    }

    function toSQSP() {
        window.location.href = 'https://gitee.com/ffffffds/one-course/blob/master/README.md'
    }

    var sY;
    var eY;
    window.ontouchstart = function (e) {
        sY = e.touches[0].pageY
    }
    window.ontouchmove = function (e) {
        eY = e.touches[0].pageY
    }
    window.ontouchend = function (e) {
        console.log(sY, eY)
        scroll({ deltaY: sY - eY })
    }
</script>

</html>
